import Vue from 'vue'
import App from './App.vue'

// 导入路由
import VueRouter from 'vue-router'
// 导入组件
import Find from './view/find'
import My from './view/my/my.vue'
import Part from './view/part/part.vue'
//使用路由组件
// 在vue中，使用vue的插件，都需要调用Vue.use()
Vue.use(VueRouter)

// 创建路由对象
const router = new VueRouter({
  // 配置路由的规则
  routes: [
    {
      // path就是路径
      // 是view文件夹里面目标文件的路径
      path: '/find',
      // component就是引入组件，但是前面要先引入组件
      component:Find,
    },
    {
      // path就是路径
      path: '/my',
      // component就是引入组件，但是前面要先引入组件
      component:My,
    },
    {
      // path就是路径
      path: '/part',
      // component就是引入组件，但是前面要先引入组件
      component:Part,
    }
  ]
})

Vue.config.productionTip = false

new Vue({
  render: h => h(App),

  // 关联路由对象到Vue事例中
  router,
}).$mount('#app')
